<!--
 * @Author: your name
 * @Date: 2021-09-10 10:05:23
 * @LastEditTime: 2021-09-10 14:40:21
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\6-jQuery\day01\6-事件.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jquery事件</title>
    <script src="../js/jquery.js"></script>
</head>

<body>
    <div>点我触发事件</div>
    <p id="p2">把我隐藏掉</p>
    <p id="p1">段落1</p>
    输入框：<input type="text">
    <br/> 提现金额：
    <input type="text">


</body>
<script>
    // $("div").click(
    //     function() {
    //         alert(1);
    //     }
    // );
    $("#p2").click(
        function() {
            //隐藏
            $(this).hide();
        }
    );
    //mouseenter 光标移入
    $("#p1").mouseenter(
        function() {
            console.log("光标移动到了p1元素上");
        }
    )
    $("#p1").mouseleave(
        function() {
            console.log("再见，p1元素欢迎您下次再来！");
        }
    )
    $("#p1").mousedown(

        function() {
            console.log("鼠标按下");
        }

    )
    $("#p1").mouseup(

            function() {
                console.log("鼠标松开");
            }

        )
        //hover 两个参数 
    $("#p1").hover(
        function() {
            console.log("光标移入");
        },
        function() {
            console.log("光标移出");
        }
    )

    //焦点事件
    //focus：聚焦
    $("input").focus(
        function() {
            // $(this).hide();
            $(this).css("background-color", "yellow");
        }
    );
    //blur:失去焦点
    // $("input").blur(
    //     function() {
    //         // $(this).hide();
    //         $(this).css("background-color", "blue");
    //     }
    // );

    $(document).keydown(
        function(event) {
            //console.log(event.KeyCode);
            //keyCode=13 代表的enter回车键
            if (event.keyCode == 13) {
                $("input").hide();
            }
            //ctrlKey代表的是ctrl键  keyCode=67代表的键盘c键
            if (event.ctrlKey && event.keyCode == 67) {
                alert("请先开通会员");
            }
        }
    )
</script>

</html>